<!-- 2023/ 06/ 08 CBH37 聊天界面 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chating - Hayai</title>
</head>
<body>
    <!-- 聊天界面 -->
    <div id="chat_body">
        <div id="chat_high">
            <p id="group_name"></p>
        </div>

        <div id="chat_container"></div>

        <div id="chat_box">
            <div id="chat_help_col">
                <!-- 聊天框的标题就是用户名 -->
                <span id="chat_box_title"></span>
                <span id="upload_file_buttom">上传文件</span>
            </div>

            <div id="chat_content"></div>
            <div id="chat_box_bottom">
                <span id="send_buttom">发送</span>
            </div>
        </div>
    </div>

    <!-- 侧栏 -->
    <div id="chat_sidebar">
        <div id="sidebar_high">
            <!-- 侧栏的标题为用户名 -->
            <p id="sidebar_title"></p>
        </div>

        <div id="sidebar_body">
            <div id="sidebar_blocks">
                <div class="sidebar_block"></div>
            </div>
            
            <div id="sidebar_body_end">
                <div class="create_new_group_buttom">创建新群</div>
                <div class="join_group_buttom">加入群聊</div>
            </div>
        </div>

        <div id="sidebar_bottom">
            <div id="back_home_buttom">BACK HOME</div>
            <div id="little_logo">Hayai</div>
        </div>
    </div>
</body>
</html>